/*Bar Atas*/
               ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
                overflow: hidden;
                background-color: rgb(0, 0, 0);
            }

            li {
                float: left;
            }

            li a {
                display: block;
                color: rgb(255, 255, 255);
                text-align: center;
                padding: 14px 16px;
                text-decoration: none;
            }

            li a:hover {
                background-color: rgb(255, 1, 1);
            }

            ul{
                position: fixed;
                top: 0;
                width: 100%;
                left: 0px;
            }

            /* Links */
            .dropbtn {
            background-color: #000000;
            color: rgb(236, 236, 236);
            padding: 14px;
            font-size: 16px;
            border: none;
            cursor: pointer;
            }
            .dropdown {
            position: relative;
            display: inline-block;
            }
            .dropdown-content {
            display: none;
            position: absolute;
            background-color: #da1515;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            }
            .dropdown-content a {
            color: rgb(252, 10, 10);
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            z-index: 2;
            }
            .dropdown-content a:hover {
                background-color: #ff0000
            }
            .dropdown:hover .dropdown-content {
            display: block;
            }
            .dropdown:hover .dropbtn {
            background-color: #ff2600;
            }
            body{
                background-color: rgb(255, 255, 255);
            }
                /*sdad*/
            .news-drp{
                display: none;
                position: absolute;
                background-color: black;
                min-width: 160px;
                box-shadow: 0px 8px 16px 0px rgb(0,0,0,0.2);
                padding: 12px 16px;
                z-index: 1;
            }
            .news-drp:hover{
                display: block;
            }


                /*Judul*/

            .jdl{
                text-align: center;
                padding-top: 10vh;
            }